<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>数据资源目录服务系统</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
        <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />
<style type="text/css">
    /* Custom Styles */
    ul.nav-tabs{
        width: 140px;
        margin-top: 20px;
        border-radius: 4px;
        border: 1px solid #ddd;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    }
    ul.nav-tabs li{
        margin: 0;
        border-top: 1px solid #ddd;
    }
    ul.nav-tabs li:first-child{
        border-top: none;
    }
    ul.nav-tabs li a{
        margin: 0;
        padding: 8px 16px;
        border-radius: 0;
    }
    ul.nav-tabs li.active a, ul.nav-tabs li.active a:hover{
        color: #fff;
        background: #0088cc;
        border: 1px solid #0088cc;
    }
    ul.nav-tabs li:first-child a{
        border-radius: 4px 4px 0 0;
    }
    ul.nav-tabs li:last-child a{
        border-radius: 0 0 4px 4px;
    }
    ul.nav-tabs.affix{
        top: 30px; /* Set the top position of pinned element */
    }
</style>
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
    </head>
    <body class="skin-blue">
        <!-- header logo: style can be found in header.less -->
        <header class="header">
            <a href="#" class="logo">
                <!-- Add the class icon to your logo image or logo icon to add the margining -->
                数据资源目录服务系统
            </a>
            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-static-top" role="navigation">
                <!-- Sidebar toggle button-->
                <a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    
                </a>
                <div class="navbar-right">
                    <ul class="nav navbar-nav">
                         
                        <!-- Messages: style can be found in dropdown.less-->
                    
                        <!-- Notifications: style can be found in dropdown.less -->
                        
                        <!-- Tasks: style can be found in dropdown.less -->
                        
                        <!-- User Account: style can be found in dropdown.less -->
                        <li class="dropdown user user-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="glyphicon glyphicon-user"></i>
                                <span>管理员 <i class="caret"></i></span>
                            </a>
                            <ul class="dropdown-menu">
                                <!-- User image -->
                                <li class="user-header bg-light-blue">
                                    <img src="../img/avatar5.png" class="img-circle" alt="User Image" />
                                    <p>
                                        管理员
                                        <small></small>
                                    </p>
                                </li>
                                <!-- Menu Body -->
                                <li class="user-body">
                                    <div class="col-xs-4 text-center">
                                        <a href="#"></a>
                                    </div>
                                    <div class="col-xs-4 text-center">
                                        <a href="#"></a>
                                    </div>
                                    <div class="col-xs-4 text-center">
                                        <a href="#"></a>
                                    </div>
                                </li>
                                <!-- Menu Footer-->
                                <li class="user-footer">
                                    <div class="pull-left">
                                        <a href="#" class="btn btn-default btn-flat">属性</a>
                                    </div>
                                    <div class="pull-right">
                                        <a href="#" class="btn btn-default btn-flat">退出</a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </nav>
        </header>
        <div class="wrapper row-offcanvas row-offcanvas-left" style="min-height: 425px;">
            <!-- Left side column. contains the logo and sidebar -->
            <aside class="left-side sidebar-offcanvas">                
                <!-- sidebar: style can be found in sidebar.less -->
                <section class="sidebar">
                    <!-- Sidebar user panel -->
                    <div class="user-panel">
                        <div class="pull-left image">
                            <img src="../img/avatar5.png" class="img-circle" alt="User Image" />
                        </div>
                        <div class="pull-left info">
                            <p></p>

                            <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
                        </div>
                    </div>
                    <!-- search form -->
                    <form action="#" method="get" class="sidebar-form">
                        <div class="input-group">
                            <input type="text" name="q" class="form-control" placeholder="Search..."/>
                            <span class="input-group-btn">
                                <button type='submit' name='seach' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>
                            </span>
                        </div>
                    </form>
                    <!-- /.search form -->
                    <!-- sidebar menu: : style can be found in sidebar.less -->
                    <ul class="sidebar-menu">
                        <li >
                            <a href="../index.html">
                                <i class="fa fa-folder"></i> <span>数据资源目录</span>
                            </a>
                        </li>
                        <li >
                            <a href="./empty-sjlr.html">
                                <i class="fa fa-edit"></i> <span>元数据录入</span> <small class="badge pull-right bg-green">new</small>
                            </a>
                        </li>
                        <li>
                            <a href="./empty-sjss.html">
                                <i class="fa fa-search"></i> <span>数据搜索</span> <small class="badge pull-right bg-green"></small>
                            </a>
                        </li>
                        <li class="active">
                            <a href="#">
                                <i class="fa fa-download"></i> <span>数据下载</span> <small class="badge pull-right bg-green"></small>
                            </a>
                        </li>
                        <li>
                            <a href="./empty-sjtj.html">
                                <i class="fa fa-th"></i> <span>访问统计</span> <small class="badge pull-right bg-green"></small>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="fa fa-cog"></i> <span>设置</span> <small class="badge pull-right bg-green"></small>
                            </a>
                        </li>
                         <li>
                            <a href="#">
                                <i class="fa fa-comment"></i> <span>关于本站</span> <small class="badge pull-right bg-green"></small>
                            </a>
                        </li>
                       
                </section>
                <!-- /.sidebar -->
            </aside>

            <!-- Right side column. Contains the navbar and content of the page -->
            <aside class="right-side">                
                <!-- Content Header (Page header) -->
                <section class="content-header">
                    <h1>
                        <small></small>
                    </h1>
                    <ol class="breadcrumb">
                        <li><a href="#"><i class="fa fa-dashboard"></i> 主页</a></li>
                        <li class="active">数据下载</li>
                    </ol>
                </section>
                 
                <!-- Main content -->
                <section class="content" >
   <div class="box box-solid box-primary"> 
     <div class="box-header" style="cursor: move;">  
        <div class ="pull-right box-tools">
           <button class="btn btn-primary btn-sm" data-widget="collapse" data-toggle="tooltip" title data-original-title="折叠/展开"> 
            <i class="fa fa-minus"></i>
           </button>
        </div>
        <h3 class="box-title">数据下载申请 </h3>
     </div> 
     <div class="box-body no-padding" style="display: block;">      
    <body data-spy="scroll" data-target="#myScrollspy">
    
    <div class="row">
        <div class="col-xs-2" id="myScrollspy" >
            <ul class="nav nav-tabs nav-stacked" data-spy="affix" data-offset-top="125">
                <li class="active"><a href="#section-1">1.数据共享条款</a></li>
                <li><a href="#section-2">2.填写申请信息</a></li>
                <li><a href="#section-3">3.等待审核通过</a></li>

            </ul>
        </div>
        <div class="col-xs-10">
            <h4 style="color: blue" id="section-1">数据共享条款</h4>
            <br />
            <p>  江苏省水利厅门户网站作为江苏省水利厅对社会公众的服务平台，承诺保护您的在线隐私权。 
　　<br />  请您仔细阅读下列声明以便了解您在本网站登录，注册，以及接受本网站服务时，您的个人信息将会得到的保护政策。 
　　<br />一、个人信息的收集 
　　<br />当您在本网站进行用户注册登记或公共论坛等所有活动时，在您的同意及确认下，本网站将通过注册表格、订单等形式要求您提供一些个人资料。这些个人资料包括：
　　<br />1、个人识别资料：如姓名、性别、年龄、出生日期、身份证号码（或护照号码）、电话、通信地址、住址、电子邮件地址等。 
　　<br />本网站收集这类关于个人身份的信息主要是为了其注册成员能够更容易和更满意地使用本网站网页接受本网站服务。而这些个人信息有助于我们实现这一目标。 
　　<br />另外，根据网站的特性，本网站将通过您的IP地址来收集非个人化的信息，例如您的浏览器性质、操作系统种类、给您提供接入服务的ISP的域名等，以优化在您计算机屏幕上显示的页面。通过收集上述信息，我们只进行客流量统计。这些无关个人身份的信息能帮助本网站辩别最受欢迎的服务并确定我们服务工作的有效性。此外，我们也可能将这些信息披露给我们的相关主管部门，使他们知道服务项目的点击人数。
　　<br />二、个人信息的安全 
　　<br />1、本网站将对您所提供的资料进行严格的管理及保护，并将使用相应的技术，防止您的个人资料丢失、被盗用或被篡改。 
　　<br />2、本网站在必要时将会由专业技术人员代为对该类信息资料进行电脑处理，以用来符合专业分工的要求。如本网站届时将电脑处理通知送达予您，而您未在通知规定的时间内表示反对，将会被本网站视为默认。
　　<br />三、个人信息的共享及披露 
　　<br />一般情况下，在未得到您的同意之前，您的任何个人信息将不会被提供给任何无关的第三方。但在下列情况，本网站会将您的个人信息提供给有关的第三方，同时不承担任何责任： 
　<br />1、本网站的某些服务需由一个合作伙伴提供或共同提供。为了向您提供此类服务，本网站有必要与该合作伙伴分享您的个人信息。 
　　<br />2、本网站可能会与第三方共同进行公益活动。在推广活动中所收集的全部或部分个人信息可能会与该第三方分享。如果您不想让您的信息被分享，您可以通过不参加该公益活动而拒绝。 
　　<br />3、根据法律法规或政府的强制性规定，我们必须向有关司法或政府部门提供您的个人信息。 
　<br />4、为了防止您的、他人的合法权益或社会公共利益受到重大危害。 
　　<br />5、本网站掌握了确定的证据，证明您的行为违反了本网站的隐私声明或关于特定服务或产品的任何规则，从而对本网站合法权益构成了重大危害。 
　　<br />四、用户权利 
　<br />1、您对于自己的个人资料享有以下权利： 
　　<br />（1）随时查询及请求阅览； 
　　<br />（2）随时请求补充或更正； 
　　<br />（3）随时请求删除；
　<br />2、唯一拥有和使用自己的口令及其他帐户信息的权力。当您在线时，请小心和负责保管。 
　　<br />五、免责 
　<br />本网站在符合下列条件之一，可对您的个人资料进行必要的利用并不承担任何责任： 
　　<br />1、已取得您的书面同意的。
　<br />2、为免除您在生命、身体或财产方面之急迫危险的。 
　　<br />3、为防止他人权益之重大危害的。
　<br />4、为增进公共利益，且无害于您的重大利益的。
<br />5、由于您将用户密码告知他人或与他人共享注册帐户，由此导致的任何个人信息的泄露。
　　<br />6、任何由于黑客政击、计算机病毒侵入或发作、因政府管制而造成的暂时性关闭等影响网络正常经营之不可抗力而造成的个人信息泄露、丢失、被盗用或被窜改等。 
　　<br />7、由于本网站不拥有或不控制的公司以及我们不雇佣或不管理的人员所造成的个人信息的泄露及由此而导致的任何法律争议和后果。
　<br />8、由于与本网站链接的其它网站所造成之个人资料泄露及由此而导致的任何法律争议和后果。 
　<br />9、本声明第三条所列情况。
　<br />特此声明！</p>
            <hr>
            <h4 style="color: blue" id="section-2">数据下载申请</h4>
            <br />
            <br/>1.请务必认真填写下载申请表，这关系到审核结果；
           <br />2.邮箱将作为主要的联系方式，请确保填写无误。
            <p><form id="section-2"class="form-horizontal" role="form">
                <fieldset>
                
                 
                  <div class="table-responsive">
                  <table class="table table-bordered" border="0">
                      
                       
                       <tbody>
                          <tr>
                             <td width="20%">数据资源名称</td>
                             
                             <td colspan="60%"><input name="modifytime" style="width:100%" type="text" /></td>
                             <td width="20%%"style="color:green">必填内容</td>
                            
                             
                          </tr>
                          <tr>
                             <td width="20%">使用目的</td>
                             
                             <td colspan="60%"><textarea id="TextArea1" cols="5" rows="2" class="form-control"></textarea> </td>
                             <td width="20%"style="color:green">必填内容</td>
                            
                          </tr>
                          <td width="20%">对数据加工的要求</td>
                             
                             <td colspan="60%"><textarea id="TextArea1" cols="5" rows="2" class="form-control"></textarea> </td>
                             <td width="20%" style="color:green ">选填内容</td>
                          <tr>
                             <td width="20%">申请人姓名</td>
                             
                             <td colspan="60%"><input name="modifytime" style="width:100%" type="text" /></td>
                             <td width="20%"style="color:green">必填内容</td>
                            
                          </tr>
                          <tr>
                             <td width="20%">所在单位</td>
                             
                             <td colspan="60%"><input name="modifytime" style="width:100%" type="text" /></td>
                             <td width="20%"style="color:green">必填内容</td>
                            
                          </tr>
                          <tr>
                             <td width="20%">联系电话</td>
                             
                             <td colspan="60%"><input name="modifytime" style="width:100%" type="text" /></td>
                             <td width="20%" style="color:green ">选填内容</td>
                            
                          </tr>
                           <tr>
                             <td width="20%">联系邮箱</td>
                             
                             <td colspan="60%"><input name="modifytime" style="width:100%" type="text" /></td>
                             <td width="20%" style="color:green ">必填内容</td>
                            
                          </tr>
                       </tbody>
                      
                    </table>
                    
                     <div class="box-footer" style="text-align:center;">
                     <button type="button"  class="btn btn-primary  btn-lg"style="pull-right">提交
                     </button>
                     <button type="button"  class="btn btn-primary  btn-lg"style="pull-right">返回
                     </button>
                     </div>
                
                             </fieldset>            
                            
                        </form>       </p>
            <hr>
            <h4 style="color: blue" id="section-3">等待审核通过</h4>
            <p>请耐心等待管理员审核通过。我们将通过邮箱联系您，并告知审核结果。审核通过则会将下载地址附在邮件内，请注意查收！</p>
           
            <hr>
            
            
        </div>
    </div>
    </body>
</div>
</div>

    

    <div class="box box-solid box-primary">
      <div class="box-header" style="cursor: move;">
       <div class="pull-right box-tools">
         <button class="btn btn-primary btn-sm" data-widget="collapse" data-toggle="tooltip" data-original-title="折叠/展开">
           <i class="fa fa-minus"></i>
         </button>
        </div>
         <h3 class="box-title">数据下载 </h3>
      </div>
    

    <div class="box-body " style="display: block;">
      <form class="form-horizontal" role="form">
                    
                       
                       <div class="form-group">
                          <label class="col-sm-2 control-label" for="ds_host" style="text-align:right">数据下载地址</label>
                          <div class="col-sm-4">
                             <input class="form-control" id="ds_host" type="text" placeholder="192.168.1.161:1521:orcl"/>
                          </div>
                          <label class="col-sm-2 control-label" for="disabledSelect">下载数据格式</label>
                          <div class="col-sm-4">
                            
                           
                              <select id="disabledSelect" class="form-control">
                                 <option>excel</option>
                                 <option>xml</option>
                                 <option>csv</option>
                                 <option>jason</option>
                              </select>
                           
                          </div>
                       </div>
                       
                      
                  
                </form>
          <div class="box-footer" style="text-align:center;">
                         <button  class="btn btn-primary   ">下载</button> 
         </div>           
							
    </div>
  </div>  
     

     							  
			  
                </section><!-- /.content -->
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->


        <!-- jQuery 2.0.2 -->
        <script src="../js/jquery.min.js"></script>
        <!-- Bootstrap -->
        <script src="../js/bootstrap.min.js" type="text/javascript"></script>
        <!-- AdminLTE App -->
        <script src="../js/AdminLTE/app.js" type="text/javascript"></script>

    </body>
</html>